@charset "utf-8";

/* 头部 */
.top{width: 100%; background: #fff;}
.top_in{width: 1200px; margin:0 auto;}
.top_l{height: 108px; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.top_l img{height: 63px;}
.top_r{height: 108px; float: right; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; position: relative;}
.top_r img{width: 41px; margin-left: 20px; cursor: pointer; float: left;}
.top_r img:hover{opacity: 0.8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.show_qr{width: 200px; height: 200px; padding: 5px; background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; position: absolute; bottom: -176px; left: -56px; display: none; z-index: 1;}
.top_r .show_qr img{width: 100%; margin-left: 0; float: left;}
.top_phone{display: none;}

/* 导航 */
.nav{width: 100%; background: #393939; color: #fff;}
.nav_in{width: 1200px; margin: 0 auto;}
.nav_in ul li{height: 49px; line-height: 49px; float: left; margin-right: 14px; position: relative;}
.nav_in ul li.now{background: url(../images/nav_now.jpg); background-size: 100% 100%;}
.nav_in ul li a{padding: 0 30px; color: #fff; display: block;}
.nav_in ul li a:hover{background: #f13243;}
.nav_in ul li ul{width: 100%; padding:5px 10px; box-sizing: border-box; position: absolute; top: 49px; left: 50%; margin-left: -50%; background: #5f5f5f; z-index: 1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none;}
.nav_in ul li ul li{width:100%; height: 38px; line-height: 38px; box-sizing: border-box; text-align: center; margin: 0;}
.nav_in ul li ul li:last-child{border-bottom: none;}
.nav_in ul li ul li a{padding: 0; border-radius: 5px;}
.nav_list_phone{display: none;}

/* banner */
.banner{width: 100%; height: 628px; position: relative; overflow: hidden; background: #f6f6f6;}
.slider {
    width: 1920px;
    height: 628px;
    margin: 0 auto;
    overflow: hidden;
    /*box-shadow: 5px 5px 12px #000;*/
    position: absolute;
    top: 0; left: 50%; margin-left: -960px;
}

.slider img {
    width: 100%;
}

.av {
    background-color: red !important;
}

.slidetip {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    left: 50%;
}

.swiper1{display: none;}

/* 首页快速链接 */
.idx_quick_link{width: 100%; padding: 50px 0; background: #f6f6f6;}
.idx_quick_link_in{width: 1200px; margin: 0 auto;}
.idx_quick_link_in ul{width: 100%;}
.idx_quick_link_in ul li{width: 20%; float: left;}
.idx_quick_link_in ul li img{width: 100%; float: left;}
.idx_quick_link_in ul li a{display: block;}
.idx_quick_link_in ul li a:hover{opacity: 0.8;}

/* 首页标题 */
.idx_title{width: 100%; height: 36px; text-align: center; position: relative; color: #444; font-size: 22px; line-height: 22px; margin-bottom: 33px;}
.idx_title::before{content:''; width: 104px; height: 1px; overflow: hidden; background: #fbd3d7; position: absolute; bottom: 0; left: 50%; margin-left: -52px; z-index: 1;}
.idx_title::after{content:''; width: 40px; height: 3px; overflow: hidden; background: #e70216; position: absolute; bottom: -1px; left: 50%; margin-left: -20px; z-index: 2;}


/* 首页品牌视频 */
.idx_video{width: 100%; padding: 50px 0;}
.idx_video_in{width: 1200px; margin: 0 auto;}
.idx_video_in ul li{width: 370px; margin-right: 45px; border: 1px solid #f2f2f2; float: left; position: relative;overflow: hidden;}
.idx_video_in ul li:last-child{margin: 0;}
.idx_video_in ul li img{width: 100%; float: left;}
.idx_video_in ul li span{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; display: block; background: rgba(231, 2, 22, 0.8); position: absolute; bottom: 0; left: 0;}
.idx_video_in ul li img.play{width: 50px; height: 50px; position: absolute; bottom: 70px; right: 18px;}
.idx_video_in ul li a{display: block;}
.idx_video_in ul li a:hover{opacity: 0.8;}

/* 首页产品分类 */
.idx_pro{width: 100%; padding-bottom: 50px;}
.idx_pro_t{width: 100%; background: #fcfcfc; }
.idx_pro_t_in{width: 1200px; height: 48px; line-height: 48px; margin: 0 auto;}
.idx_pro_t_in ul{text-align: center;}
.idx_pro_t_in ul li{height: 48px; line-height: 48px; display: inline-block; margin-right: 14px;}
.idx_pro_t_in ul li:last-child{margin-right: 0;}
.idx_pro_t_in ul li.now{background: url(../images/nav_now.jpg); background-size: 100% 100%; }
.idx_pro_t_in ul li a{padding: 0 30px; color: #999999; display: block;}
.idx_pro_t_in ul li a:hover{background: #f13243; color: #fff;}
.idx_pro_t_in ul li.now a{color: #fff;}
.idx_pro_b{width: 100%; background: url(../images/idx_pro_bg.jpg) top center no-repeat; background-size: 100%; padding-top: 36px;}
.idx_pro_b_in{width: 1200px; margin: 0 auto;}
.idx_pro_b_in_l{width: 715px; float: left;}
.idx_pro_b_in_l ul li{width: 350px; height: 368px; float: left; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_pro_b_in_l ul li:last-child{float: right;}
.idx_pro_b_in_l ul li a{width: 100%; height: 100%; display: block; }
.idx_pro_b_in_l ul li a:hover{background:rgba(255, 255, 255, 0.2)}
.idx_pro_b_in_r{width: 485px; float: right;}
.idx_pro_b_in_r ul li{width: 232px; height: 181px; float: left; margin-left: 10px; margin-bottom: 9px; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_pro_b_in_r ul li a{width: 100%; height: 100%; display: block; }
.idx_pro_b_in_r ul li a:hover{background:rgba(255, 255, 255, 0.2)}

.tab_b_content{display: none;}
.tab_b_content:first-child{display: block;}

/* 首页应用案例 */
.idx_case{width: 100%; padding-bottom: 50px;}
.idx_case_t{width: 100%; background: #fff; }
.idx_case_t.mrg{margin-top: 30px;}
.idx_case_t_in{width: 1200px; height: 48px; line-height: 48px; margin: 0 auto;}
.idx_case_t_in ul{text-align: center;}
.idx_case_t_in ul li{height: 48px; line-height: 48px; display: inline-block;}
.idx_case_t_in ul li.now{background: url(../images/nav_now.jpg); background-size: 100% 100%; }
.idx_case_t_in ul li a{padding: 0 30px; color: #999999; display: block;}
.idx_case_t_in ul li a:hover{background: #f13243; color: #fff;}
.idx_case_t_in ul li.now a{color: #fff;}

.idx_case_b{width: 100%; padding-top: 36px;}
.idx_case_b_in{width: 1200px; margin: 0 auto;}
.idx_case_b_in ul li{width: 290px; height: 345px; margin-right: 10px; float: left; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_case_b_in ul li:last-child{margin-right: 0;}
.idx_case_b_in ul li a{width: 100%; height: 100%; color: #fff; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.idx_case_b_in ul li a:hover{background: rgba(0, 0, 0, 0.65);}
.idx_case_b_in ul li a div{display: none;}
.idx_case_b_in ul li span{width: 100%; margin-bottom: 13px; font-size: 18px; display: block;}
.idx_case_b_in ul li label{width: 100%; margin-bottom: 25px; font-size: 14px; color: #cacaca; display: block; cursor: pointer;}
.idx_case_b_in ul li em{width: 108px; height: 28px; line-height: 28px; text-align: center; display: block; border-radius: 100vw; border: 1px solid #e5e5e5; margin: 0 auto; font-size: 12px; font-style: normal;}

/* 首页品牌动态 */
.idx_news{width: 1200px; margin: 0 auto; padding-bottom: 50px;}
.idx_news_l{width: 587px; height: 403px; float: left;}
.idx_news_l .swiper-container, .idx_news_l .swiper-wrapper{height: inherit;}
.idx_news_l .swiper-slide{width:100%; height:inherit; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; position: relative;}
.idx_news_l .swiper-slide span{width: 100%; height: 40px; line-height: 40px; color: #fff; background: rgba(0 , 0, 0, 0.75); padding: 0 16px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.idx_news_l .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: unset; left: unset; right: 5px; bottom: 14px;}
.idx_news_l .swiper-pagination-bullet{width: 22px; height: 4px; background: #fff; opacity: 1; border-radius: unset;}
.idx_news_l .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1.5px;}
.idx_news_l .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e70216;}
.idx_news_r{width: 585px; float: right;}
.idx_news_r dl{padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #b2b2b2;}
.idx_news_r dl dt{width: 78px; height: 71px; text-align: center; color: #666; background: #f0f0f0; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.idx_news_r dl dt a{width: 100%;}
.idx_news_r dl dt span{font-size: 38px; display: block; line-height: 40px;}
.idx_news_r dl dt label{font-size: 14px; display: block; cursor: pointer;}
.idx_news_r dl dd{width: calc(100% - 90px); height: 71px; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; float: right;}
.idx_news_r dl dd a{width: 100%;}
.idx_news_r dl dd span{width:100%; font-size: 16px; margin-bottom: 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.idx_news_r dl dd label{height:38px; width: 100%; color: #777; cursor: pointer; font-size: 13px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/* 底部 */
.bottom{width: 100%; padding: 33px 0; background: #393939;}
.bottom_in{width: 1200px; margin: 0 auto;}
.bottom_l{width:322px; float: left; color: #acacac;}
.bottom_l img.logo_gray{width: 100%; margin-bottom: 26px;}
.bottom_l dt{width: 114px; height: 114px; float: left;}
.bottom_l dt img{width: 100%; float: left;}
.bottom_l dd{width: calc(100% - 130px); height: 114px; float: right; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.bottom_l span{width:100%; display: block; line-height: 28px;}
.bottom_l_b{padding-top: 50px; line-height: 28px; font-size: 14px;}

.bottom_r{float: right;}
.bottom_r dl{float: left; margin-left: 68px;}
.bottom_r dl:first-child{margin-left: 0;}
.bottom_r dl dt{width: 100%; height: 35px; display: block; color: #fff; position: relative;}
.bottom_r dl dt::after{content: ''; width: 44px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.bottom_r dl dd{margin-top: 20px;}
.bottom_r dl dd a{color: #acacac;}
.bottom_r dl dd a:hover{color: #fff;}


/*---------- 内页 ----------*/

/* 基础样式 */
.center{width:1200px; margin:0 auto;}
.mgt_30px{margin-top: 30px;}
.in_title{width: 1200px; margin: 22px auto; padding-bottom: 22px; border-bottom: 1px solid #f2f2f2; background: url(../images/title_logo.png) bottom 2px right no-repeat; }
.in_title span{display: block; color: #999; font-size: 24px; line-height: 24px; height: 33px; text-transform: uppercase;}
.in_title label{display: block; color: #363636; font-size: 24px; line-height: 24px;}


/* banner + 面包屑 */
.in_banner{width: 100%; height: 310px; background: url(../images/in_banner.jpg) center center; background-size: auto 100%;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.bread{width: 1200px; margin: 0 auto; color: #fff;}
.bread span{display: block; padding-bottom: 14px; font-size: 22px; line-height: 22px; text-align: left; border-bottom: 1px solid #cfcfcf;}
.bread label{display: block; padding-top: 14px; font-size: 14px; line-height: 14px; text-align: right;}
.bread label a{color: #fff;}
.bread label a:hover{color: #9bc5f6;}

/* 联系我们 */
.in_map{width:1200px; height:378px; margin:30px auto; border:1px solid #eaeaea;}
.contact_title{width:100%; margin-top:40px; text-align:center; color:#31343b; margin-bottom:13px; text-transform:uppercase;}
.contact_title label{font-size:40px; font-weight: lighter; display:block;}
.contact_title span{font-size:16px; margin-top:10px; margin-bottom:8px; display:block;}
.contact_title em{width:1px; height:30px; background:#cfcfcf; display:block; margin:0 auto;}
.contact_qr{width:126px; height:126px; margin:0 auto; margin-bottom:28px;}
.contact_qr img{width: 100%;}
.contact_in{width:1200px; padding-top:42px; padding-bottom:88px; margin:0 auto; border-top:1px solid #cfcfcf;}
.contact_in ul li{width:300px; float:left; position:relative; line-height:30px; text-align:center;}
.contact_in ul li label{width:48px; height:48px; position:absolute; top:-66px; left:50%; margin-left:-24px; border:1px solid #cfcfcf; color:#484848; font-size:20px; background:#fff; text-align:center; line-height:48px;}
.contact_in ul li span{display:block;}

.contact_msg{width: 100%; padding: 46px 0; margin-bottom: 30px; background: #fcfcfc; border-radius: 5px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.contact_txb_all.mrg{margin-bottom: 28px;}
.contact_txb{float: left;}
.contact_txb input{width: 388px; height: 44px; padding: 0 18px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff; border-radius: 5px; float: left;}
.contact_txb textarea{width: 880px; height: 105px; padding: 12px 18px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff; border-radius: 5px; float: left; outline: none; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
.contact_txb.mrg{margin-right: 33px;}
.contact_txt{width: 71px; height: 44px; line-height: 44px; float: left;}
.contact_txt font{color: #f66;}
a.contact_btn{width: 196px; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 100vw; margin-top: 30px; background-image: -moz-linear-gradient( 0deg, rgb(231,2,22) 0%, rgb(241,50,67) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(231,2,22) 0%, rgb(241,50,67) 100%); background-image: -ms-linear-gradient( 0deg, rgb(231,2,22) 0%, rgb(241,50,67) 100%);}
a.contact_btn:hover{background-image: -moz-linear-gradient( 0deg, rgb(241,50,67) 0%, rgb(241,50,67) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(241,50,67) 0%, rgb(241,50,67) 100%); background-image: -ms-linear-gradient( 0deg, rgb(241,50,67) 0%, rgb(241,50,67) 100%);}

/* 内容页 */
.in_content{width:1200px; margin:0 auto; padding-bottom: 22px; font-size: 16px; line-height: 52px;}
.in_content_l{width: 723px; float: left;}
.in_content_r{width: 434px; float: right;}
.in_content_r img{width: 100%; margin-bottom: 22px;}
.inside_t{border-bottom:1px dashed #ddd; text-align:center; margin-bottom:20px; margin-top:50px;}
.inside_t span{color:#484848; font-size:20px; line-height: 30px; margin-bottom:16px; display:block;}
.inside_t label{color:#c2c2c2; font-size:12px; line-height: 12px; margin-bottom:16px; display:block; font-weight:lighter;}
.inside_m{width:100%; padding-bottom:20px;}
.inside_m em{color:#9a9a9a; font-style:normal; display:block; margin-bottom:16px;}
.inside_b{border-top:1px dashed #ddd; padding-top:22px; margin-bottom:50px;}
.inside_b span{display:block; margin-bottom:14px; font-size:14px; line-height: 20px;}
.inside_b span a{color:#0385ea;}
.inside_b span a:hover{color:#f13243;}

/* 图片列表页 */
.pic_list{width: 1200px; margin: 0 auto; }
.pic_list dl{width: 370px; float: left; margin-right: 40px; margin-bottom: 40px; float: left;}
.pic_list dl:nth-child(3n){margin-right: 0;}
.pic_list dl dt{width: 100%; height: 288px; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.pic_list dl dt a{display: block; width: 100%; height: 100%;}
.pic_list dl dt a:hover{background: rgba(255, 255, 255, 0.2);}
.pic_list dl dd{padding-top: 20px;}
.pic_list dl dd span{float: left;}
.pic_list dl dd a{float: right; color: #999; text-transform: uppercase;}
.pic_list dl dd a:hover{color:#f13243;}

/* 图文列表页 */
.news_list{width: 1200px; margin: 0 auto;}
.news_list ul li{width: 100%; padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid #f2f2f2; position: relative;}
.news_pic{width: 280px; height: 186px; float: left; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.news_pic a{width: 100%; height: 100%; display: block;}
.news_pic a:hover{background: rgba(255, 255, 255, 0.2);}
.news_time{height: 186px; float: left; margin: 0 36px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.news_time span{display: block; font-size: 24px;}
.news_time label{display: block; font-size: 14px;}
.news_time em{display: block; width: 100%;}
.news_details{width: 606px; height: 186px; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.news_details div{width: 100%;}
.news_details a{width: 100%; display: block; font-size: 18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_details span{width: 100%; height: 58px; display: block; margin-top: 5px; font-size: 14px; color: #999; line-height: 26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
a.news_ico{width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 25px; border: 1px solid #e5e5e5; border-radius: 50%; color: #999; position: absolute; right: 0; top: 50%; margin-top: -18px;}
a.news_ico:hover{background: #f13243; border: 1px solid #f13243; color: #fff;}

/* 招聘信息 */
.job_t{width: 1200px; padding: 20px; line-height: 26px; background: url(../images/job_ico.png) right center no-repeat #fafafa; color: #999; margin: 0 auto; margin-bottom: 30px;}
.job_t span{display: block; color: #393939; padding-bottom: 10px; font-weight: bold; font-size: 16px;}
.job_list_t{width: 1200px; background: #393939; color: #fff; margin: 0 auto;}
.job_list_t ul li{width: 20%; height: 45px; line-height: 45px; text-align: center; float: left;}
.job_list{width: 1200px; margin: 0 auto;}
.job_list ul{padding-bottom: 30px;}
.job_list ul li{width: 100%; padding-top: 10px; background: #fff;}
.job_list ul li:nth-child(odd){background: #fcfcfc;}
.job_list ul li span{width:20%; height:inherit; display: block; float: left; text-align: center; padding-bottom: 10px; box-sizing: border-box;}
.job_list dl{width:100%; padding: 20px 0; background: #f5f5f5; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; display: none; position: relative;}
.job_list dl dd{color: #6d6d6d; line-height: 46px; padding: 0 5%; display: inline-block;}
.job_list dl dd em{display: block; width: 100%; color: #6a0909; font-size: 16px; font-style: normal;}
.job_list dl dd i{display: block; width: 100%;font-style: normal;}
.job_close{width: 50px; height: 50px; line-height: 50px; text-align: center; font-style: 20px; position: absolute; top: 0; right: 0; cursor: pointer;}

/*页码*/
.page{width:726px; height:46px; position:relative; margin:20px auto; margin-top: 0;}
.page_o{width:86px; height:32px; position:absolute; top:50%; margin-top:-16px; left:0;}
.page_n{width:86px; height:32px; position:absolute; top:50%; margin-top:-16px; right:0;}
.page_m{width:214px; height:46px; position:absolute; left:50%; margin-left:-107px; text-align:center; color:#6e6d6d; line-height:46px; font-weight:bold; font-size:14px}
.page_m a{width:42px; height:44px; color:#6e6d6d; display:block;}
.page_l{width:43px; height:46px; background:url(../images/page_l.png); float:left; overflow:hidden}
.page_r{width:42px; height:46px; background:url(../images/page_r.png); float:left; overflow:hidden}
.page_c{width:42px; height:44px; float:left; border:1px solid #cdcccb; border-left:none; overflow:hidden; box-sizing: unset;}
.page a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.page a.now{background:#e1e1e1;}